.milk{
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    .milk-naviget{
        min-width: 304px;
        padding: .1rem .08rem;
        font-size: 0;
        display: flex;
        a{
            flex: 1;
            font-size: .14rem;
            display: inline-block;
            height: .3rem;
            line-height: .3rem;
            text-align: center;
            border: 1px solid #7aae1e;
            color: #888;
            &:nth-of-type(1){
                background-color: #7aae1e;
                color: white;
            }
        }
    }
    .milk-banner{
        width: 6.4rem;
        height: 2.4rem;
    }
    .active-rule{
        min-width: 320px;
        max-width: 640px;
        min-height: 250px;
        margin: 0 auto;
        background-color: #fff;
        padding: .08rem;
        border-radius: .03rem;
        line-height: 1.2em;
    }
    .milk-product{
        width: 100%;
        .milk-list{
            padding: 0 .1rem;
            font-size: 0;
            h2{
                font-size: .14rem;
                color: red;
                padding-bottom: .1rem;
            }
            .milk-item{
                display: inline-block;
                border: 1px solid #d3d3d3;
                width: 2.9rem;
                margin-bottom: .2rem;
                padding: .16rem .04rem;
                padding-top: .04rem;
                background-color: #fff;
                position: relative;
                &:nth-of-type(2n){
                    margin-left: .16rem;
                }
                div{
                    width: 2.9rem;
                    height: 2.9rem; 
                    .lable{
                        position: absolute;
                        width: .4rem;
                        height: .4rem;
                        top: 0;
                        left: 0;
                    } 
                    .forward{
                        position: absolute;
                        font-style: normal;
                        font-size: .14rem;
                        color: white;
                        right: .06rem;
                        bottom: 1.8rem;
                        padding: 0 .03rem;
                        line-height: .2rem;
                        border-radius: .02rem;
                        display: inline-block;
                        background-color: #ff9000;
                    }  
                    .vegetable-product{
                        width: 100%;
                        height: 100%;
                    }
                }
            }
            h3{
                font-size: .13rem;
                padding: .05rem .08rem;
                height: .4rem;
                line-height: .21rem;
                font-style: normal;
            }
            h4{
                padding-top: .2rem;
                height: .3rem;
                font-size: .14rem;
                font-weight: normal;
                span{
                    color: #f23030;
                }
                a{
                    width: .7rem;
                    margin-top: .04rem;
                    text-align: center;
                    line-height: .24rem;
                    color: white;
                    border-radius: .03rem;
                    background-color: #ff8143;
                    font-size: .12rem;
                    float: right;
                }
            }
        }
    }
}
